[Инструкция] Энциклопедия оформления контента. Markdown Obsidian

Это подробное руководство научит вас создавать красивые посты для вашего сайта. Просто копируйте эти примеры кода в свои заметки Obsidian.

🖼 1. Работа с изображениями

Изображение вставляется с помощью символа ! в начале.

Каpтинка из интернета

Чтобы вставить фото по прямой ссылке:
![Название каpтинки](https://xn--url---7ve2ai6fasnp0a.jpg/)

Каpтинка с твоего сайта (Галерея)

Если ты хочешь использовать фото, которое уже есть в твоей папке статики:
![Мой шедевр](https://flexy-ai.com/static/gallery/art_5.png)

Изменение размера (ширины)

В Obsidian можно задать ширину в пикселях:
![Котик|300](https://placekitten.com/300/200)

🔗 2. Ссылки и Навигация

Ссылки позволяют уводить пользователя на другие страницы.

Обычная внешняя ссылка

[Открыть Flexy](https://flexy-ai.com/)

Ссылка-изображение (картинка, на которую можно нажать)

Пример, когда клик по фото ведёт на сайт:
[![Описание](https://flexy-ai.com/%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B0-%D0%BD%D0%B0-%D1%84%D0%BE%D1%82%D0%BE)](адрес-сайта)

🎥 3. Вставка Видео (YouTube, ВК, RuTube)

Для видео мы используем стандартный код вставки (iframe), который дают сервисы.

Как вставить: На YouTube нажми «Поделиться» → «Встроить» → скопируй код.

Пример для YouTube:

<iframe width="100%" height="450" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>

Пример для ВК видео:

<iframe src="https://vk.com/video_ext.php?oid=-211438202&id=456239023" width="100%" height="450" frameborder="0" allowfullscreen></iframe>

Вставка видео из ВК (Нюансы)

Стандартный код вставки (Embed), который выдаёт кнопка «Экспортировать», сейчас часто использует домен vkvideo.ru. Однако многие приложения (например, Obsidian) и некоторые браузерные фильтры могут его блокировать.

Для максимальной совместимости используйте старый домен:

  1. Возьмите стандартный код:

<iframe src="https://vkvideo.ru/video_ext.php?..." ...></iframe>

  1. Замените в нём vkvideo.ru на vk.com.
  2. Полученный результат будет работать везде:

<iframe src="https://vk.com/video_ext.php?..." ...></iframe>

Пример оформления в Markdown:
Если ты хочешь, чтобы видео было центрировано и выглядело аккуратно, оберни его в тег <div>:

<div align="center">
  <iframe src="https://vk.com/video_ext.php?oid=-5225&id=456242810&hash=212884043461e945&hd=3" width="640" height="360" frameborder="0" allowfullscreen></iframe>
</div>

📝 4. Форматирование текста

Выделяй важные мысли разными стилями:

📔 5. Цитаты и Заметки

Для оформления красивых цитат используй символ >:

«Flexy не хранит данные пользователя, всё сохраняется исключительно в браузере.»
– Команда поддержки Flexy

📊 6. Таблицы

Таблицы строятся с помощью палочек |. Вторая строка отделяет заголовки.

Инструмент Функция Платформа
Чат Gemini Nano Pro Flexy
Obsidian Написание статей Твой ПК
FastAPI Движок сайта Твой сервер

📋 7. Списки (Маркеры и нумерация)

Обычный список

Нумерованный список

  1. Написать промпт
  2. Нажать «Выполнить»
  3. Сохранить результат

💻 8. Блоки кода

Если ты хочешь показать кусок кода (например, на Python), оберни его в три обратных апострофа (клавиша Ё на клавиатуре):

import flexy
print("Привет, Хачатур!")

📏 9. Разделительная линия

Для отделения смысловых блоков друг от друга используй три дефиса:
---

📅 10. Чек-листы (Списки дел)

Удобно для планирования будущих постов:

← Назад